<template>
	<view class="allbox">
		<view class="itemboxall" v-for="(item,index) in isworditemData" :key="index">
			<image class="iconImage" v-if="item.itemImage" :src="item.itemImage" mode=""></image>
			<view class="itemtitle">{{item.wordIt}}</view>
			<view class="itemcontact">{{item.contactitem}}</view>
		</view>
		<view class="heboxa"></view>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	const isworditemData = ref([
		{
			wordIt:'联系我们',
			contactitem:'我们随时为您提供使用的解决方案.'
		},
		{	
			itemImage:'../../../static/index/cusIcon.png',
			wordIt:'联系我们',
			contactitem:'7x24小时为您服务'
		},
		{
			itemImage:'../../../static/backgroundImage/电话.png',
			wordIt:'在线客服',
			contactitem:'7x24小时为您服务'
		}
	])
</script>

<style scoped>
	.heboxa{
		height: 3vh;
	}
	.itemcontact{
		margin-top: 0.2vh;
		font-weight: 500;
		font-size: 32rpx;
		font-weight: 100;
	}
	.itemtitle{
		margin-top: 0.5vh;
		font-weight: 500;
		font-size: 38rpx;
	}
	.iconImage{
		width: 30px;
		height: 30px;
	}
	.allbox{
		background-color: #f4f4f4;
		width: 100vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.itemboxall{
		margin: 1vh auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
</style>